<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>

<f:view>
    <link href="/general/css/admin_1.css" rel="stylesheet" type="text/css"/>
    <t:div>

        <h:form>

            <h:panelGrid columns="1" width="100%" styleClass="tablaprincipal">
               <h:outputLabel value="Entregas de Certificados por Eventos" />
            </h:panelGrid>
            <a4j:outputPanel ajaxRendered="true">
                <h:messages id="lblMessages" styleClass="messages" infoClass="infoClass" errorClass="errorClass"
                            warnClass="warnClass" showDetail="true" errorStyle="color:red;"
                            warnStyle="color:green;" infoStyle="color:black;" fatalStyle="color:black"/>
            </a4j:outputPanel>
            <br>
            <a4j:outputPanel id="panel1">
                <h:panelGrid columns="2" styleClass="tablanormal">
                    <h:outputLabel value="Evento: " />
                    <h:selectOneMenu value="#{EntregaCertificadoController.codigoEvento}">
                        <f:selectItem itemLabel="-- Seleccione un Evento --"/>
                        <f:selectItems value="#{FormatoCertificadoController.comboEventosSinCurso}" />
                        <a4j:support ajaxSingle="true" action="#{EntregaCertificadoController.validarCodigoEvento}" reRender="panel1" event="onchange"/>
                    </h:selectOneMenu>

                    <h:outputLabel value="Formato: " />
                    <h:selectOneMenu value="#{EntregaCertificadoController.codigoFormato}">
                        <f:selectItem itemLabel="-- Seleccione un Formato --"/>
                        <f:selectItems value="#{EntregaCertificadoController.comboFormatoCertificados}" />
                        <a4j:support ajaxSingle="true" action="#{EntregaCertificadoController.mostrarEntregasV2}" reRender="panel1,panel2" event="onchange"/>
                    </h:selectOneMenu>
                    <h:commandButton value="Limpiar" styleClass="desactivar" action="#{EntregaCertificadoController.cancelar}" />
                </h:panelGrid>
            </a4j:outputPanel>

            <a4j:outputPanel id="panel2">
                <table border="0" cellpadding="2" cellspacing="2" width="100%" class="tablanormal">
                    <tr>
                        <td align="right"><h:outputLabel value="#{EntregaCertificadoController.total}"/></td>
                    </tr>
                </table>
                <rich:dataTable value="#{EntregaCertificadoController.listaEntregaCertificadoV2}"
                                var="entrega" rows="10" reRender="ds,ds1" id="simpletable"
                                width="100%" columnsWidth="5%,10%,60%,20%,5%">
                    <f:facet name="header">
                        <rich:datascroller id="ds" renderIfSinglePage="false"></rich:datascroller>
                    </f:facet>
                    <rich:column breakBefore="true">
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        <f:facet name="header">
                            <h:outputLabel value="Seleccionar"/>
                        </f:facet>
                        <h:selectBooleanCheckbox value="#{entrega.seleccion}" rendered="#{!entrega.eceEntregado}" />
                    </rich:column>
                    <rich:column>
                        <f:facet name="header">
                            <h:outputLabel value="Codigo"/>
                        </f:facet>
                        <h:outputLabel value="#{entrega.eceCodigo}"/>
                    </rich:column>
                    <rich:column>
                        <f:facet name="header">
                            <h:outputLabel value="Alumno"/>
                        </f:facet>
                        <h:outputLabel value="#{entrega.pinCodigo.perCodigo.nombreCompletoPersona}" />
                    </rich:column>
                    <rich:column>
                        <f:facet name="header">
                            <h:outputLabel value="Fecha Entrega"/>
                        </f:facet>
                        <h:outputLabel value="#{entrega.eceFecha}">
                            <f:convertDateTime pattern="dd/MM/yyyy - HH:mm:ss" />
                        </h:outputLabel>
                    </rich:column>
                    <rich:column>
                        <f:facet name="header">
                            <h:outputLabel value="Entregado"/>
                        </f:facet>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp
                        <h:selectBooleanCheckbox value="#{entrega.eceEntregado}" disabled="true" />
                    </rich:column>
                    
                    <f:facet name="footer">
                        <rich:datascroller id="ds1" renderIfSinglePage="false"></rich:datascroller>
                    </f:facet>
                </rich:dataTable>
            </a4j:outputPanel>
            <br>
            <h:commandButton value="Grabar" styleClass="desactivar"
                             action="#{EntregaCertificadoController.guardarEntregasV2}"
                             onclick="confirm('Desea guardar las entregas de certificados?');" />
        
        </h:form>
    </t:div>
</f:view>
